<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="msapplication-tap-highlight" content="no"/>
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"/>
    <link rel="stylesheet" href="<%- rootUrl %>/res/adapter.css" />
    <link rel="stylesheet" href="<%- rootUrl %>/node_modules/font-awesome/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/common.css" />
    <title>我爱零吃网 - 有你最爱的零吃</title>
    <style>
        #sign-head {position:fixed;top:0;z-index:100}
        #nav-line {position: sticky;top:49px;margin-top:0;}
        .vbox {text-align:left}
        .vbox img {width:100%}
        .vbox p:nth-child(2) {display:flex;align-items:baseline}
        .vbox p {margin:0.8em 0.5em;font-size:11px}
        .timer { display:inline-block}
        .timer > span { display:inline-block; color:#fed; background:#320; margin:0 2px 0 2px; width:15px }
    </style>
    <script src="<%- rootUrl %>/node_modules/jquery/dist/jquery.min.js"></script>
    <script src="<%- rootUrl %>/res/adapter.js"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body class="body-nomargin">
<alljs-widget><message-top><%- message %></message-top></alljs-widget>
<%- components['signhead'] ? include(components['signhead'], this) : '' %>
<div class="width-limit" style="margin-top:49px;margin-bottom:80px;text-align:center;">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
            <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img class="d-block w-100" src="img/banner01.jpg?auto=yes&bg=777&fg=555&text=First slide" alt="First slide">
                <div class="carousel-caption d-none d-md-block">
                    <h5>感恩风暴，礼送全城</h5>
                    <p>全场优惠-2折，4折，5折</p>
                </div>
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="img/banner02.jpg?auto=yes&bg=666&fg=444&text=Second slide" alt="Second slide">
                <div class="carousel-caption d-none d-md-block">
                    <h5>金马送礼，超值优惠</h5>
                    <p>特惠零食仅售1折</p>
                </div>
            </div>
            <div class="carousel-item">
                <img class="d-block w-100" src="img/banner03.jpg?auto=yes&bg=555&fg=333&text=Third slide" alt="Third slide">
                <div class="carousel-caption d-none d-md-block">
                    <h5>欢乐砸金蛋</h5>
                    <p>购买任意零食即可砸金蛋，奖品包含新马泰旅游双飞机票</p>
                </div>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <%- components['navline'] ? include(components['navline']) : '' %>
    <div class="board" style="margin-top: 8px">
        <div>
            限时
            <div class="timer" style="display:inline-block">
                <span>5</span><span>2</span>:<span>0</span><span>5</span>:<span>2</span><span>0</span>
            </div>
            秒杀
        </div>
        <div class="board-row hbox">
            <div class="vbox">
                <a href="javascript:;">
                <img src="img/pic01.jpg"/>
                <p><span class="badge" style="background:red">新</span><bl>RIO鸡尾酒 解暑饮料</bl></p>
                <p><g>&nbsp;折后价&nbsp;<rb>￥<l>99</l></rb>&emsp;3192 人付款</g><g style="float:right">...</g></p>
                </a>
                <a href="javascript:;">
                <img src="img/pic02.jpg"/>
                <p><span class="badge" style="background:orange">火</span><bl>一大篮新鲜蔬果</bl></p>
                <p><g>&nbsp;折后价&nbsp;<rb>￥<l>89</l></rb>&emsp;3.1w 人付款</g><g style="float:right">...</g></p>
                </a>
            </div>
            <div class="vbox">
                <a href="javascript:;">
                <img src="img/pic06.jpg"/>
                <p><span class="badge" style="background:magenta">荐</span><bl>薯片 雪饼 仙贝 夹心饼 脆条 大集合</bl></p>
                <p><g>&nbsp;折后价&nbsp;<rb>￥<l>79</l></rb>&emsp;1.5w 人付款</g><g style="float:right">...</g></p>
                </a>
                <a href="javascript:;">
                <img src="img/pic07.jpg"/>
                <p><span class="badge" style="background:purple">折</span><bl>瑞士果糖 阿尔卑斯夹心饼 奥利奥 蓝罐曲奇 大礼包</bl></p>
                <p><g>&nbsp;折后价&nbsp;<rb>￥<l>29</l></rb>&emsp;5802 人付款</g><g style="float:right">...</g></p>
                </a>
            </div>
        </div>
    </div>
    <div class="board">
        <div>精品美食</div>
        <div class="board-row hbox">
            <div class="vbox">
                <a href="javascript:;">
                <img src="img/pic03.jpg"/>
                <p><bl>奥得森正品 夏威夷果 炭烧腰果 纸皮核桃 巴达木 碧根果 开心果</bl></p>
                <p><g>&nbsp;折后价&nbsp;<rb>￥<l>69</l></rb>&emsp;8.8w 人付款</g><g style="float:right">...</g></p>
                </a>
                <a href="javascript:;">
                <img src="img/pic04.jpg"/>
                <p><bl>炸麻花 炸麻叶 炸油角 炸油绳 炸圆子 炸馓子 炸煎堆 炸猫耳朵</bl></p>
                <p><g>&nbsp;折后价&nbsp;<rb>￥<l>19</l></rb>&emsp;1953 人付款</g><g style="float:right">...</g></p>
                </a>
                <a href="javascript:;">
                <img src="img/pic05.jpg"/>
                <p><bl>百果园蔬果大拼盘</bl></p>
                <p><g>&nbsp;折后价&nbsp;<rb>￥<l>79</l></rb>&emsp;2.2w 人付款</g><g style="float:right">...</g></p>
                </a>
            </div>
            <div class="vbox">
                <a href="javascript:;">
                <img src="img/pic08.jpg"/>
                <p><bl>薯片 薯条 薯豆 薯圈</bl></p>
                <p><g>&nbsp;折后价&nbsp;<rb>￥<l>39</l></rb>&emsp;5.9w 人付款</g><g style="float:right">...</g></p>
                </a>
                <a href="javascript:;">
                <img src="img/pic09.jpg"/>
                <p><bl>口水娃正品 鸡腿鸭腿鸡翅鸭翅鸡胗鸭胗酱猪蹄猪肉脯牛肉脯牛板筋 特惠大满足装</bl></p>
                <p><g>&nbsp;折后价&nbsp;<rb>￥<l>59</l></rb>&emsp;5.9w 人付款</g><g style="float:right">...</g></p>
                </a>
                <a href="javascript:;">
                <img src="img/pic10.jpg"/>
                <p><bl>柿饼芒果干葡萄干无花果干 各式果脯蜜饯</bl></p>
                <p><g>&nbsp;折后价&nbsp;<rb>￥<l>49</l></rb>&emsp;8684 人付款</g><g style="float:right">...</g></p>
                </a>
            </div>
        </div>
    </div>
</div>
<%- components['shopcar'] ? include(components['shopcar'], this) : '' %>
<%- components['navfoot'] ? include(components['navfoot'], this) : '' %>
<script>
    document.querySelector('#nav-foot > div > a:nth-child(1)').style.color='#c70';
</script>
</body>
</html>